.container{
    margin: auto;
    width: 1200px;
}
main{

     @extend .container;
     display: flex;
     height: 400px;
     .glass{
         width: 400px;
         position: relative;
         height: 400px;
         .showbox{
            width: 400px;
             position: relative;
             height: 400px;
            .showbox-1{
                width: 400px;
                height: 75%;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            img{
                width: 100%;
                height: 75%;
            }
            .mask{
             position: absolute;
             left: 0px;
             top: 0px;
             background-color: yellow;
             opacity: .5;
             width: 150px;
             height: 150px;
             pointer-events: none;
             display: none;
            }
            .smallbox{
                margin-top: 20px;
                width: 400px;
                height: 80px;
         
                ul{
                    display: flex;
                    justify-content: space-evenly;
                    width: 400px;
                    height: 80px;
                    li{
                        width: 50px;
                        height: 50px;
                        background-color: plum;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
   
                }
            }
        }
         
         .bigbox{
             position: absolute;
             left: 400px;
             top: 0px;
              width: 400px;
              height: 400px;
              background-color: green;
               overflow: hidden;
               display: none;
               
            img{
                position: absolute;
                left: 0px;
                top: 0px;

            }
            
         }
     }
     .commodity{
         width: 500px;
        .commodity-price{
            margin:20px ;
            h4{
                border-bottom: 1px dashed black ;
                margin-bottom: 10px;
                .taobao1{
                    width: 20px;
                    height: 20px;
                }
                .taobao2{
                    width: 30px;
                    height: 20px;
                }
               
            }
            p{ 
                padding-bottom: 10px;
                
                .oldprice{
                text-decoration: line-through;
                color: red;
                }
                .price{
                   
                    font-size: 25px;
                    color: red;
                }
                .doller{
                    color: red;
                }
            }
        }
        .select{
            margin:20px ;
            
            .num{
                margin-top:30px ;     
                input[type="button"]{
                     width: 40px;
                     height: 40px;
                     background-color: aqua;
                }
                input[type="text"]{
                    height: 34px;
                    width: 60px;
                    text-align: center;
                    outline: none;

                }
            }
            button{
                 width: 100px;
                 height: 60px;
                 background-color: orange;
                 float: right;
                 outline: none;
            }
        }
     }
     .seller{
         width: 300px;
        background: linear-gradient(to top,white,skyblue);
         text-align: center;
         padding: 0 40px;
         box-sizing: border-box;
         fieldset{
             border: 0px;
             border-top: 1px solid black;
             margin: 30px 0;
         }
         .shop-img{
              img{
                  width: 80%;
                  height: 80%;
              } 
         }
      
         .shop-information{
             ul{
                 margin: 20px 0;
                 display: flex;
                 justify-content: space-evenly;
             }
         }
     }
}